<%@ page import="com.hqyj.zss.pojo.Customer" %>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%
    String path = request.getContextPath();

%>
<html>
<head>
    <title>Document</title>
    <jsp:include page="../common/css_js.jsp"/>
    <link href="https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap" rel="stylesheet">
    <link rel="stylesheet" href="<%=path%>/static/css/home.css"/>
    <script src="<%=path%>/static/js/home.js"></script>
    <script src="<%=path%>/static/js/common.js"></script>
    <link href="<%=path%>/static/modal/bootstrap-4.6.0-dist/css/bootstrap.min.css" rel="stylesheet" />

    <style>
        .body {
            background: url('<%=path%>/img/bgg2.jpg');
            background-repeat: no-repeat;
            background-size: 100% auto;

        }


        a:link {
            text-decoration: none;
        }
        a:active{
            text-decoration: none;
        }
        a:visited {

            text-decoration: none;
        }
        a:hover {
            text-decoration: none;
        }

    </style>
</head>
<body class="body">
<div class="container">
    <div id="navv"  style="background-image: url('<%=path%>/img/dh.png')">

        <nav class="nav" style="height: 55px;">
            <a href="#" class="nav-item" active-color="pink" style="font-weight: bold">${loginUser.c_name}</a>
            <a href="#" class="nav-item" active-color="pink">订单</a>
            <a href="#" class="nav-item" active-color="pink">购物车<span class="layui-badge">0</span></a>
            <a href="#" class="nav-item" active-color="pink" onclick="customerLogout()">退出登录</a>
            <span class="nav-indicator"></span>
        </nav>
    </div>

    <div id="tp">
        <img src="<%=path%>/img/a1.png" width="1100" height="300" alt=""/>
    </div>

    <div id="food">





    </div>

    <div id="lf">
        <ul class="layui-nav layui-nav-tree layui-inline" lay-filter="demo"
            style="margin-right: 10px; background-image: url('<%=path%>/img/dh.png'); width: 300px;">
            <li class="layui-nav-item layui-nav-itemed">
                <a href="javascript:;"><font color="#9ea09d" style="font-weight: bold">甄选美食</font></a>
                <dl class="layui-nav-child">
                    <dd><a href="#" onclick="food()"><img src="<%=path%>/img/zs2.png" alt=""/>&emsp;主食</a></dd>
                    <dd><a href="#" onclick="snack()"><img src="<%=path%>/img/xc.png" alt=""/>&emsp;小吃</a></dd>
                    <dd><a href="#" onclick="drink()"><img src="<%=path%>/img/yp.png" alt=""/>&emsp;饮品</a></dd>
                    <dd><a href="#" onclick="meal()"><img src="<%=path%>/img/tc.png" alt=""/>&emsp;套餐</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item layui-nav-itemed">
                <a href="javascript:;"><font color="#9ea09d" style="font-weight: bold">默认展开</font></a>
                <dl class="layui-nav-child">
                    <dd><a href="">移动模块</a></dd>
                    <dd><a href="">后台模版</a></dd>
                    <dd><a href="">电商平台</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item"><a href="javascript:;" onclick="personalInfo()"><font color="#9ea09d" style="font-weight: bold">个人信息</font></a></li>
            <li class="layui-nav-item"><a href=""><font color="#9ea09d" style="font-weight: bold">更多</font></a></li>
        </ul>
    </div>

    <div>

    </div>
    <div id="kf">
        &emsp;&emsp;&emsp;
        <img src="<%=path%>/img/wx.png" alt=""/>&emsp;&emsp;&emsp;
        <img src="<%=path%>/img/kf.png" alt=""/>&emsp;&emsp;&emsp;
        <img src="<%=path%>/img/app.png" alt=""/>
    </div>

    <div id="cart">
        <div style="float: left">
            <a href="#" onclick=""><img src="<%=path%>/img/cart.png" alt=""/></a></div>
        <div style="float: right">
            <span class="layui-badge">0</span>
        </div>
    </div>

    <div id="bq">

        <p align="center" >Copyright 2021-2022 @HQYJ </p>
    </div>

</div>
</body>
<script>
    function customerLogout() {
        location.href = "logout"
    }

    function personalInfo() {
        layer_show("个人信息", "personalInfo")
    }

    function food() {
        location.href = "foodHome"
    }

    function snack() {
        location.href = "snackHome"
    }

    function drink() {
        location.href = "drinkHome"
    }

    function meal() {
        location.href = "mealHome"
    }

</script>

</html>
